@import '~@delon/theme/styles/antd/themes/default.less';

:host {
    .header-container{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .header-img {
            border-radius: 100%;
            width: 120px;
            height: 120px;
        }
        .header-name {
            font-size: large;
            color: #0000cc;
        }
        .header-text {
            display: flex;
        }
        .header-act-num {
            color: red;
        }
    }

    .base-info {
        display: flex;
        .base-info-left {
            width: 70%;
        }
        .base-info-right {
            width: 30%;
            display: flex;
            flex-direction: column;
        }
        .base-info-title {
            font-size: large;
            font-weight: bold;
        }
        .base-info-right-list {
            display: flex;
        }
        .base-info-right-text {
            font-weight: bold;
            padding-left: 3px;
        }
    }

    .member-container {
        display: flex;
        .member-container-left {
            width: 70%;
        }
    .member-list {
       display: flex;
       flex-wrap: wrap;
   }
    .member-list-every {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .container-img {
        border-radius: 100%;
        width: 100px;
        height: 100px;
    }
    .member-img-list {
        justify-content: center;
        align-items: center;
        width: inherit;
        display: flex;
    }

    .perChosen {
        width: 30%;
        margin: 1%;
    }
    //屏幕宽度大于770px立即隐藏
    @media screen and (min-width: 770px) {
        .perChosen {
            width: 30% !important;
            margin: 1%;
        }
    }

    //屏幕宽度大于515px 小于770px立即隐藏
    @media screen and (min-width: 515px) and (max-width: 770px) {
        .perChosen {
            width: 45% !important;
            margin: 1%;
        }
    }

    //屏幕宽度小于515px立即隐藏
    @media screen and (max-width: 515px) {
        .perChosen {
            width: 95% !important;
            margin: 1%;
        }
    }

    }

}
